<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>login</title>
    <link rel="stylesheet" href="../css/clearstyle.css"/>

    <style>
        * {
            padding: 0;
            margin: 0;
            border: 0;
        }

        html,
        body {
            width: 100%;
            height: 100%;
        }

        /* .bg {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url(../image/bg.jpg) no-repeat #000;
            background-size: cover;
            z-index: -1;
        } */
        .bg {
            background-color: rgb(143, 98, 98);
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .box {
            width: 200px;
            color: white;
        }

        span,
        input,
        button {
            display: block;
            text-align: center;
            width: 100%;
        }

        .box span {
            height: 55px;
            font-size: 32px;
            line-height: 55px;
            border: 0;
        }

        form input,
        form button {
            height: 40px;
            line-height: 40px;
            border-radius: 3px;
            border: 1px solid #fff;
            margin-bottom: 10px;

        }

        form input {
            color: white !important;
            background-color: rgba(255, 255, 255, 0.192) !important;
            /* 清除不掉浏览器默认的样式 */
        }

        button {
            color: rgb(143, 98, 98);
            background-color: rgba(255, 255, 255);
        }

        input::-webkit-input-placeholder {
            color: #fff;
            font-size: 14px;
            /* 输入框提示文字样式 */
        }
    </style>
</head>

<body class="bg">
    <div class="box">
        <span>Welcome</span>
        <form action="/login.do" method="POST">
            <input placeholder="Username" name="userName" type="text" />
            <input placeholder="Password" name="pwd" type="password" />
            <button>Login</button>
        </form>
    </div>
</body>

</html>